<script setup>
import ItemPage from './components/ItemPage.vue'
import ItemSecond from './components/ItemSecond.vue'
import ItemThird from './components/ItemThird.vue'
</script>

<template>
  <section class="container">
    <!-- 上容器 -->
    <section class="itemTop">
      <item-page>
        <item-third></item-third>
      </item-page>

      <item-page>
        <item-second></item-second>
      </item-page>
    </section>
  </section>
</template>
<style scope>
.container {
  /* min-width: 1200px;
  max-width: 2048px; */
  margin: 0 auto;
  padding: 5px 5px 0;
  width: 95%;
  display: flex;
  flex-direction: column;
}
.itemTop {
  flex: 4;
  /* background-color: blue; */
  margin: 5px 20px 5px 5px;
  display: flex;
  justify-content: space-between;
}
</style>
